<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
	<head>
		<title>榜样人物</title>
		<meta name="format-detection" content="telephone=no">
		<meta name="viewport"
			content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta charset="utf-8">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<!-- Stylesheets-->
		<link rel="stylesheet" type="text/css"
			href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700%7CPoppins:400%7CTeko:300,400">
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/fonts.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/light.min.css">
		<style>
			/* 专属组件类 */
			.red-exhibit-container * {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			.red-exhibit-container {
				background-color: #ffffff;
				font-family: "SimSun", serif;
				padding: 20px;
				max-width: 1200px;
				margin: 0 auto;
				position: relative;
			}

			.red-exhibit-container .title {
				text-align: center;
				color: #8b1818;
				font-size: 2.5em;
				margin-bottom: 40px;
				font-family: "KaiTi", serif;
			}

			.red-exhibit-container .corner-circle {
				position: absolute;
				top: 20px;
				right: 20px;
				width: 50px;
				height: 50px;
				background-color: #d4b96d;
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #fff;
				font-size: 0.9em;
			}

			/* 水平排列卡片 */
			.red-exhibit-container .memorial-grid {
				display: flex;
				gap: 15px;
				flex-wrap: nowrap;
				justify-content: space-between;
			}

			.red-exhibit-container .memorial-item {
				width: 200px;
				text-align: center;
				padding: 20px;
			}

			.red-exhibit-container .image-container {
				width: 180px;
				height: 180px;
				margin: 0 auto;
				position: relative;
				display: block;
				clip-path: polygon(10% 0%, 15% 75%, 25% 25%, 5% 50%, 25% 0%, 10% 85%, 50% 100%, 80% 85%, 90% 70%, 100% 50%, 80% 25%, 90% 15%, 80% 0%);
				overflow: hidden;
			}

			.red-exhibit-container .memorial-image {
				width: 100%;
				height: 100%;
				object-fit: cover;
				border-radius: 50%;
			}

			.red-exhibit-container .memorial-title {
				font-size: 1.1em;
				color: #333;
				margin: 15px 0 10px;
				font-weight: bold;
			}

			.red-exhibit-container .memorial-description {
				font-size: 0.9em;
				color: #666;
				line-height: 1.6;
			}

			/* 屏幕宽度不足时适配 */
			@media (max-width: 1200px) {
				.red-exhibit-container .memorial-grid {
					flex-wrap: wrap;
					justify-content: center;
				}
			}
		</style>

		<style>
			/* 专属模块类 */
			.card-module-container * {
				margin: 0;
				padding: 0;


			}

			.card-module-container {
				display: flex;
				justify-content: center;
				align-items: flex-start;
				height: 40vh;

				background-color: #fff;
				font-family: Arial, sans-serif;
				overflow: hidden;
				perspective: 1500px;
				position: relative;
			}



			.card-module-container .card-container {
				position: absolute;
				display: flex;
				justify-content: center;
				align-items: center;
				transform-style: preserve-3d;
			}

			.card-module-container .card {
				position: absolute;
				width: 200px;
				height: 300px;
				background-color: #fff;
				border-radius: 15px;
				box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
				opacity: 0.9;
				transition: transform 1.5s ease, z-index 1.5s ease;
				transform-style: preserve-3d;
			}

			.card-module-container .card img {
				width: 100%;
				height: 70%;
				object-fit: cover;
			}

			.card-module-container .card .content {
				padding: 10px;
				text-align: center;
			}

			.card-module-container .card h3 {
				font-size: 18px;
				margin-bottom: 5px;
			}

			.card-module-container .card p {
				font-size: 14px;
				color: #555;
			}
		</style>
		<style>
			/* 外层封装盒子样式 */
			.module-box {
				padding: 2rem;
				background-color: #f9f9f9;
				border-radius: 8px;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				margin: 2rem 0;
			}

			/* 内层 who-we-are 样式 */
			.who-we-are {
				padding: 4rem 1rem;
				max-width: 1200px;
				margin: 0 auto;
			}

			.container {
				width: 100%;
			}

			.title {
				text-align: center;
				color: #F4A460;
				font-size: 3rem;
				margin-bottom: 3rem;
			}

			.content-wrapper {
				display: grid;
				grid-template-columns: 1fr;
				gap: 2rem;
			}

			@media (min-width: 768px) {
				.content-wrapper {
					grid-template-columns: 1fr 1fr;
				}
			}

			.image-container {
				width: 100%;
			}

			.feature-image {
				width: 100%;
				height: auto;
				object-fit: cover;
				border-radius: 4px;
			}

			.text-content {
				display: flex;
				flex-direction: column;
				gap: 1rem;
			}

			.heading {
				font-size: 3rem;
				font-weight: bold;
				margin-bottom: 1rem;
			}

			.paragraph {
				color: #666;
				font-size: 1rem;
				line-height: 1.6;
			}

			/* 				.paragraph::first-letter {
				    font-size: 3rem; /* 根据需要调整大小 */
			font-weight: bold;
			/* 可选：加粗 */
			float: left;
			/* 可选：使其与文本对齐 */

			margin-right: 0.1em;
			/* 可选：增加右边距 */
			}

			*/
		</style>



		<!-- 视频 -->
		<style>
			.inspirational-figures-module * {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			.inspirational-figures-module {
				font-family: system-ui, -apple-system, sans-serif;
				line-height: 1.5;
				max-width: 1200px;
				margin: 0 auto;
				padding: 1rem;
			}

			/* 导航栏 */
			.inspirational-figures-module__nav {
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 1rem 0;
				border-bottom: 1px solid #eee;
			}

			.inspirational-figures-module__nav-brand {
				color: red;
				font-size: 1.25rem;
				font-weight: bold;
				text-decoration: none;
			}

			.inspirational-figures-module__nav-menu {
				display: flex;
				gap: 1.5rem;
				list-style: none;
			}

			.inspirational-figures-module__nav-link {
				color: #666;
				text-decoration: none;
			}

			/* 布局 */
			.inspirational-figures-module__main-content {
				display: grid;
				grid-template-columns: 2fr 1fr;
				gap: 2rem;
				margin-top: 2rem;
			}

			.inspirational-figures-module__featured-content {
				display: grid;
				gap: 1rem;
			}

			.inspirational-figures-module__article-grid {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 1rem;
			}

			/* 组件 */
			.inspirational-figures-module__video-container {
				position: relative;
				width: 100%;
				padding-bottom: 56.25%;
				margin-bottom: 1rem;
			}

			.inspirational-figures-module__video-container video {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				object-fit: cover;
			}

			.inspirational-figures-module__article {
				position: relative;
				border-radius: 0.5rem;
				overflow: hidden;
			}

			.inspirational-figures-module__article img {
				width: 100%;
				height: 200px;
				object-fit: cover;
			}

			.inspirational-figures-module__article-title {
				font-size: 1.25rem;
				margin-bottom: 0.5rem;
			}

			.inspirational-figures-module__article-meta {
				color: #666;
				font-size: 0.875rem;
			}

			.inspirational-figures-module__sidebar-article {
				display: flex;
				gap: 1rem;
				margin-bottom: 1rem;
			}

			.inspirational-figures-module__sidebar-article img {
				width: 100px;
				height: 100px;
				object-fit: cover;
				border-radius: 0.25rem;
			}

			.inspirational-figures-module__featured-sidebar-article {
				margin-top: 2rem;
			}

			.inspirational-figures-module__featured-sidebar-article img {
				width: 100%;
				height: 300px;
				object-fit: cover;
				border-radius: 0.5rem;
				margin-bottom: 1rem;
			}
		</style>

	</head>
	<body>
		<div class="preloader">
			<div class="preloader-body">
				<div class="cssload-container">
					<div class="cssload-speeding-wheel"></div>
				</div>
				<p>Loading...</p>
			</div>
		</div>
		<div class="page">
			<!-- Page Header-->
			<header class="section page-header">
				<!-- RD Navbar-->
				<div class="rd-navbar-wrap">
					<nav class="rd-navbar rd-navbar-corporate" data-layout="rd-navbar-fixed"
						data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed"
						data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static"
						data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static"
						data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static"
						data-xxl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px"
						data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="106px" data-lg-stick-up="true"
						data-xl-stick-up="true" data-xxl-stick-up="true">
						<div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
							data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
						<div class="rd-navbar-aside-outer">
							<div class="rd-navbar-aside">
								<!-- RD Navbar Panel-->
								<div class="rd-navbar-panel">
									<!-- RD Navbar Toggle-->
									<button class="rd-navbar-toggle"
										data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
									<!-- RD Navbar Brand-->
									<div class="rd-navbar-brand"><a class="brand" href="index.html"><img
												src="images/图标.jpg" alt="" width="188" height="19" /></a></div>
								</div>
								<div class="rd-navbar-aside-right rd-navbar-collapse">
									<ul class="rd-navbar-corporate-contacts">
										<li>
											<div class="unit unit-spacing-xs">
												<div class="unit-left"><span class="icon fa fa-clock-o"></span></div>
												<div class="unit-body">
													<p>09:00<span>am</span> — 05:00<span>pm</span></p>
												</div>
											</div>
										</li>
										<li>
											<div class="unit unit-spacing-xs">
												<div class="unit-left"><span class="icon fa fa-phone"></span></div>
												<div class="unit-body"><a class="link-phone"
														href="tel:#">0851-7273643</a></div>
											</div>
										</li>
									</ul><a class="button button-md button-default-outline-2 button-ujarak"
										href="#">获取热门资讯</a>
								</div>
							</div>
						</div>
						<div class="rd-navbar-main-outer">
							<div class="rd-navbar-main">
								<div class="rd-navbar-nav-wrap">
									<ul class="list-inline list-inline-sm social-list">
										<li><a class="icon fal fa-comments" href="https://wx.qq.com/"></a></li>
										<!-- 微信图标 -->
										<li><a class="icon fa fa-weibo"
												href="https://weibo.com/newlogin?tabtype=weibo&gid=102803&openLoginLayer=0&url=https%3A%2F%2Fwww.weibo.com%2F"></a>
										</li> <!-- 微博图标 -->
										<li><a class="icon fa fa-qq" href="https://im.qq.com/index/"></a></li>
										<!-- QQ图标 -->
									</ul>
									<!-- RD Navbar Nav-->
									<ul class="rd-navbar-nav">
										<li class="rd-nav-item"><a class="rd-nav-link" href="index.html">华诞七十五周年</a>
										<li class="rd-nav-item"><a class="rd-nav-link" href="数智经济.html">智慧经济</a>
										<li class="rd-nav-item"><a class="rd-nav-link" href="快讯.html">时事快报</a>
											<!-- RD Navbar Dropdown-->
											<ul class="rd-menu rd-navbar-dropdown">
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="快讯.html">盛世华章——国旗升起的时刻</a></li>
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="发展.html">新中国发展——从崛起到辉煌</a></li>
												<li class="rd-dropdown-item"><a class="rd-dropdown-link"
														href="辉煌.html">辉煌成就——途中的璀璨华章</a></li>
											</ul>

										</li>
										<li class="rd-nav-item"><a class="rd-nav-link" href="团结.html">团结一心</a>
										</li>
										<li class="rd-nav-item active"><a class="rd-nav-link" href="利刃.html">国之楷模</a>
											<!-- RD Navbar Megamenu-->
												<li class="rd-nav-item"><a class="rd-nav-link" href="青年.html">青年筑梦</a>

										</li>
									</ul>
								</div>
							</div>
						</div>
					</nav>
				</div>
			</header>



			<div class="inspirational-figures-module">
				<nav class="inspirational-figures-module__nav">
					<a href="/" class="inspirational-figures-module__nav-brand">中国历史榜样人物</a>
					<ul class="inspirational-figures-module__nav-menu">
						<li><a href="/leaders" class="inspirational-figures-module__nav-link">政治领袖</a></li>
						<li><a href="/philosophers" class="inspirational-figures-module__nav-link">思想家</a></li>
						<li><a href="/scientists" class="inspirational-figures-module__nav-link">科学家</a></li>
						<li><a href="/writers" class="inspirational-figures-module__nav-link">文学家</a></li>
						<li><a href="/more" class="inspirational-figures-module__nav-link">更多</a></li>
					</ul>
				</nav>

				<main class="inspirational-figures-module__main-content">
					<div class="inspirational-figures-module__featured-content">
						<article>
							<div class="inspirational-figures-module__video-container">
								<video src="images/中华人民共和国成立.mp4" width="800" height="" muted controls loop autoplay>
								</video>
							</div>
							<h1 class="inspirational-figures-module__article-title">毛泽东：新中国的缔造者</h1>
							<div class="inspirational-figures-module__article-meta">
								<span>作者：张三</span>
								<span>2024年3月10日</span>
							</div>
						</article>
						<div class="inspirational-figures-module__article-grid">
							<article class="inspirational-figures-module__article">
								<img src="images/毛爷爷1.jpg" alt="毛泽东画像">
								<h2 class="inspirational-figures-module__article-title">毛泽东：中华人民共和国的缔造者</h2>
								<div class="inspirational-figures-module__article-meta">2024年3月12日</div>
							</article>
							<article class="inspirational-figures-module__article">
								<img src="images/周总理.jpg" alt="周恩来画像">
								<h2 class="inspirational-figures-module__article-title">周恩来：人民的总理</h2>
								<div class="inspirational-figures-module__article-meta">2024年3月11日</div>
							</article>
						</div>
					</div>

					<aside>
						<article class="inspirational-figures-module__sidebar-article">
							<img src="images/雷锋1.jpg" alt="雷锋画像">
							<div>
								<h2 class="inspirational-figures-module__article-title">雷锋：奉献精神的象征</h2>
								<div class="inspirational-figures-module__article-meta">2024年3月10日</div>
							</div>
						</article>

						<article class="inspirational-figures-module__sidebar-article">
							<img src="images/袁隆平.jpg" alt="袁隆平画像">
							<div>
								<h2 class="inspirational-figures-module__article-title">袁隆平：杂交水稻之父</h2>
								<div class="inspirational-figures-module__article-meta">2024年3月9日</div>
							</div>
						</article>

						<article class="inspirational-figures-module__featured-sidebar-article">
							<img src="images/钱学森(1).jpg" alt="钱学森">
							<h2 class="inspirational-figures-module__article-title">钱学森：中国航天之父</h2>
							<div class="inspirational-figures-module__article-meta">
								<span>作者：张三</span>
								<span>2024年3月8日</span>
							</div>
							<p>钱学森作为中国航天事业的奠基人，为中国的科学技术发展做出了卓越贡献。</p>
						</article>
					</aside>
				</main>
			</div>


			<div class="red-exhibit-container">
				<h1 class="title">红色云展厅</h1>

				<div class="memorial-grid">
					<div class="memorial-item">
						<div class="image-container">
							<img src="images/太行纪念馆.jpg" alt="八勇至大行纪念馆" class="memorial-image">
						</div>
						<h2 class="memorial-title">八勇至大行纪念馆</h2>
						<p class="memorial-description">八路军太行纪念馆坐落于太行山区，八路军学习团在一九三七年深秋进驻山西省长治县城北七里铺村。抗日战争时期，这里是八路军总部所在地。
						</p>
					</div>
					<div class="memorial-item">
						<h2 class="memorial-title">沈阳"九一八"历史博物馆</h2>
						<p class="memorial-description">九一八历史博物纪念馆位于沈阳市内，九一八事变是日本帝国主义侵略中国的开端，是中国人民抗日战争的起点。</p>
						<div class="image-container">
							<img src="images/沈阳.jpg" alt="沈阳九一八历史博物馆" class="memorial-image">
						</div>
					</div>
					<div class="memorial-item">
						<div class="image-container">
							<img src="images/一大(1).jpg" alt="中共一大会址纪念馆" class="memorial-image">
						</div>
						<h2 class="memorial-title">中共一大会址纪念馆</h2>
						<p class="memorial-description">1921年7月23日，中国共产党第一次全国代表大会在上海法租界召开，这是中国共产党的诞生地。</p>
					</div>
					<div class="memorial-item">
						<h2 class="memorial-title">平津战役纪念馆</h2>
						<p class="memorial-description">平津战役纪念馆位于中国河北省天津市西青区，全面展示了平津战役的历史进程与重要意义。</p>
						<div class="image-container">
							<img src="images/平津.jpg" alt="平津战役纪念馆" class="memorial-image">
						</div>
					</div>
					<div class="memorial-item">
						<div class="image-container">
							<img src="images/遵义.jpg" alt="遵义会议纪念馆" class="memorial-image">
						</div>
						<h2 class="memorial-title">遵义会议纪念馆</h2>
						<p class="memorial-description">遵义会议是中国共产党历史上一个生死攸关的转折点，是中国共产党从幼年走向成熟的标志。</p>
					</div>
				</div>
			</div>





			<div class="card-module-container">
				<div class="card-container">
					<div class="card"><img src="images/袁隆平1.jpg" alt="Yuan Longping">
						<div class="content">
							<h3>袁隆平</h3>
							<p>杂交水稻之父</p>
						</div>
					</div>
					
					<div class="card"><img src="images/屠呦呦11.jpg" alt="Tu Youyou">
						<div class="content">
							<h3>屠呦呦</h3>
							<p>诺贝尔奖得主</p>
						</div>
					</div>
					<div class="card"><img src="images/钱学森(11).jpg" alt="Qian Xuesen">
						<div class="content">
							<h3>钱学森</h3>
							<p>航天之父</p>
						</div>
					</div>
					<div class="card"><img src="images/杨利伟.jpg" alt="Yang Liwei">
						<div class="content">
							<h3>杨利伟</h3>
							<p>航天英雄</p>
						</div>
					</div>
					<div class="card"><img src="images/黄旭华1(1).jpg" alt="Huang Xuhua">
						<div class="content">
							<h3>黄旭华</h3>
							<p>核潜艇之父</p>
						</div>
					</div>
					<div class="card"><img src="images/邓稼先.jpg" alt="Deng Jiaxian">
						<div class="content">
							<h3>邓稼先</h3>
							<p>两弹元勋</p>
						</div>
					</div>
					<div class="card"><img src="images/屠守e.jpg" alt="Tu Shou'e">
						<div class="content">
							<h3>屠守锷</h3>
							<p>导弹之父</p>
						</div>
					</div>
					<div class="card"><img src="images/钱三强.jpg" alt="Qian Sanqiang">
						<div class="content">
							<h3>钱三强</h3>
							<p>物理学家</p>
						</div>
					</div>
				</div>
			</div>



			<!-- Testimonials #2-->
			<section class="section section-sm bg-default">
				<div class="container">
					<h3>优秀人物</h3>
					<div class="row row-xxl row-70 justify-content-center">
						<div class="col-sm-10 col-md-6 col-lg-5 col-xl-4 wow fadeInRight">
							<!-- Quote Creative-->
							<article class="quote-creative"><a class="quote-creative-figure" href="#"><img
										class="img-circles" src="images/焦裕禄.jpg" alt="" width="87" height="87" /></a>
								<div class="quote-creative-text">
									<p class="q">
										焦裕禄是原河南省兰考县委书记，被誉为干部楷模、革命烈士。他以身作则，率领全县人民与自然灾害进行顽强斗争，努力改变兰考面貌。他身患肝癌，依旧忍着剧痛，坚持工作，直至1964年病逝于郑州，终年42岁。焦裕禄用自己的实际行动，铸就了亲民爱民、艰苦奋斗、迎难而上、无私奉献的焦裕禄精神，被誉为“党的好干部”、“人民的好公仆”。
									</p>
								</div>
								<h5 class="quote-creative-cite"><a
										href="https://baike.baidu.com/item/%E7%84%A6%E8%A3%95%E7%A6%84/80754?fr=ge_ala">焦裕禄</a>
								</h5>
							</article>
						</div>
						<div class="col-sm-10 col-md-6 col-lg-5 col-xl-4 wow fadeInRight" data-wow-delay=".1s">
							<!-- Quote Creative-->
							<article class="quote-creative"><a class="quote-creative-figure" href="#"><img
										class="img-circles" src="images/张桂梅.jpg" alt="" width="87" height="87" /></a>
								<div class="quote-creative-text">
									<p class="q">张桂梅扎根滇西贫困地区四十余载。她克服重重困难，创办丽江华坪女子高级中学，让 1800 多名贫困女孩走进大学。她拖着病体坚持家访超 1600
										多户，行程 11 万多公里。她把工资、奖金和捐款累计 100
										多万元投入教育事业。张桂梅以顽强的意志和无私奉献，为贫困山区女孩点亮希望之灯，展现了共产党员的高尚情怀和伟大使命。</p>
								</div>
								<h5 class="quote-creative-cite"><a
										href="https://baike.baidu.com/link?url=z3Gtbh_Je6Dzjo5Q5kJXlbPezNoHkb0PC3tdv15RRVP-2jMo0z5NPeo-vSoq-yKSs6GTbWW8fesChHIOC2eOZRvm-QXK-ckZd6F3k1tTpGa">张桂梅</a>
								</h5>
							</article>
						</div>
						<div class="col-sm-10 col-md-6 col-lg-5 col-xl-4 wow fadeInRight" data-wow-delay=".2s">
							<!-- Quote Creative-->
							<article class="quote-creative"><a class="quote-creative-figure" href="#"><img
										class="img-circles" src="images/黄文秀.jpg" alt="" width="87" height="87" /></a>
								<div class="quote-creative-text">
									<p class="q">黄文秀出生于广西百色贫困家庭。北京师范大学硕士毕业后，她放弃大城市工作机会，回到家乡。2018 年 3
										月，她主动请缨到乐业县百坭村担任驻村第一书记。她遍访全村贫困户，绘制 “贫困户分布图”。推动产业发展，帮村民建立电商服务站。2019 年 6 月 16
										日，她在返回百坭村途中遭遇山洪因公殉职，年仅 30 岁。她的奉献精神激励着无数人。</p>
								</div>
								<h5 class="quote-creative-cite"><a
										href="https://baike.baidu.com/item/%E9%BB%84%E6%96%87%E7%A7%80/23578376?fr=ge_ala">黄文秀</a>
								</h5>
							</article>
						</div>
					</div>
				</div>
			</section>






			<section class="module-box">
				<div class="who-we-are">
					<div class="container">
						<h1 class="title">中国脊梁：杰出人物的光辉足迹</h1>

						<div class="content-wrapper">
							<div class="image-container">
								<img src="images/榜样(1).jpg"
									alt="Person waiting on a foggy train platform next to a train"
									class="feature-image">
							</div>

							<div class="text-content">
								<h2 class="heading"></h2>

								<p class="paragraph">
									<&nbsb>
										在这片古老而又充满活力的土地上，一代又一代的中国人以其卓越的智慧、坚韧的意志和无私的奉献，书写着国家的辉煌篇章。从科技先锋到教育楷模，从扶贫英雄到国防巨擘，他们是中国精神的传承者，是民族复兴的推动者。本页面旨在向您展示几位在当代中国具有深远影响的杰出人物，他们的事迹如同璀璨星辰，照亮了国家前行的道路。
										<p class="paragraph">
											袁隆平，被誉为“杂交水稻之父”，以智慧和汗水浇灌出中国乃至世界的绿色奇迹，解决了亿万人的温饱，彰显了中国科技的力量。张桂梅，在云南深山创办女子高中，以坚定信念和无私奉献，点亮大山女孩求知明灯，改写她们命运，诠释教育公平与社会责任。

											黄文秀，年轻共产党员，以青春生命投身脱贫攻坚，深入贫困山区，双脚丈量土地，真心换取信任，引领乡亲们脱贫致富，展现新时代党员干部的责任与担当。黄旭华与于敏，国防科技领域的默默奉献者，黄旭华作为中国核潜艇事业奠基人，隐姓埋名数十年，贡献卓越；于敏，中国氢弹之父，科研成果筑起国家安全屏障，增强民族自豪感。

											这些杰出人物，事迹与精神如璀璨星辰，照亮国家前行之路。他们坚定的信念、无私的奉献、勇于创新的风貌、敢于担当的意识，是中国精神的宝贵财富。新时代，我们需更多这样的杰出人物，以智慧和汗水书写国家发展新篇章，共同为实现中华民族伟大复兴的中国梦努力奋斗。
										</p>
							</div>
						</div>
					</div>
				</div>
			</section>








			<!--/testimonials-->
			<section class="clients py-md-5 py-3" id="clients">
				<div class="container">
					<div class="inner-sec py-md-5 py-3">
						<h3 class="tittle text-center mb-md-5 mb-4">网友评论</h3>
						<div class="row">
							<div class="col-md-6 item">
								<div class="feedback-info text-left">
									<div class="feedback-top"style="font-size: 20px;">

										<p>我们中国的发展太不容易了，感恩一代又一代为了新中国建设而付出的伟人们，终于所有的积累都在最近几年开了花，坚定立场，生于中国，感恩中国！ </p>
									</div>
									<div class="feedback-grids">

										<div class="feedback-img-info">
											<h5></h5>
											<p></p>
										</div>
										<div class="feedback-img">
											<img src="images/头像3.jpg" class="img-fluid rounded-circle" alt="" />
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
							</div>
							<div class="col-md-6 item">
								<div class="feedback-info text-left">

									<div class="feedback-top"style="font-size: 20px;"text-align: center;>

										<p>邓稼先、袁隆平等无数杰出人物为国家和人民奉献一生。他们在科技、农业等领域取得了卓越成就，他们是我们永远的骄傲！
										</p>
									</div>
									<div class="feedback-grids">
<!-- 
										<div class="feedback-img-info">
											<h5></h5>
											<p>在新时代的征程上，中国需要更多像他们一样的杰出人物，用智慧和汗水书写国家发展的新篇章。让我们以他们为榜样，不忘初心，牢记使命，共同为实现中华民族伟大复兴的中国梦而努力奋斗！
											</p>
										</div> -->
										<div class="feedback-img">
											<img src="images/头像4.jpg" class="img-fluid rounded-circle" alt="" />
										</div>
										<div class="clearfix"> </div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</section>
			<!--//testimonials-->

















			<!-- Testimonials #3-->
			<section class="section section-sm bg-default">
				<div class="container">
					<h3></h3>
					<div class="row row-sm row-30 justify-content-center">
						<div class="col-sm-9 col-md-6 col-lg-5 col-xl-4">
							<!-- Quote Nancy-->
							<article class="quote-nancy">
								<div class="quote-nancy-content">
									<div class="quote-nancy-figure"><img src="images/袁隆平1.jpg" alt="" width="370"
											height="307" />
									</div>
									<div class="quote-nancy-body">
										<div class="quote-nancy-quote">
											<h4 class="q">我毕生的追求就是让所有人远离饥饿。</h4>
										</div>
										<p class="quote-nancy-text">
											袁隆平是我国著名农业科学家。他致力于杂交水稻技术的研究、应用与推广。从年轻时起，袁隆平便不畏艰难，顶着烈日、蹚着泥水，寻找天然雄性不育株。经过多年努力，成功培育出高产杂交水稻，大幅提高了粮食产量，解决了无数人的温饱问题。他一生奔波在田间地头，即使年逾九旬仍坚持下田。他用自己的智慧和汗水，书写了
											“一粒种子改变世界” 的传奇，为全人类作出了卓越贡献。</p>
										<div class="unit unit-spacing-sm align-items-center">
											<div class="unit-left"><img class="img-circles" src="images/袁隆平.jpg" alt=""
													width="87" height="87" />
											</div>
											<div class="unit-body">
												<h5 class="quote-nancy-cite">袁隆平</h5>
												<p class="quote-nancy-status">杂交水稻之父</p>
											</div>
										</div>
									</div>
								</div>
							</article>
						</div>
						<div class="col-sm-9 col-md-6 col-lg-5 col-xl-4">
							<!-- Quote Nancy-->
							<article class="quote-nancy">
								<div class="quote-nancy-content">
									<div class="quote-nancy-figure"><img src="images/黄旭华1.jpg" alt="" width="370"
											height="307" />
									</div>
									<div class="quote-nancy-body">
										<div class="quote-nancy-quote">
											<h4 class="q">对国家的忠，就是对父母最大的孝。</h4>
										</div>
										<p class="quote-nancy-text">
											黄旭华是中国核潜艇之父。他为了祖国的核潜艇事业，隐姓埋名三十载。在一穷二白的年代，他带领团队从零开始，靠简陋的计算工具和从国外搜集的资料艰难探索。他不惧风险，亲自随潜艇下潜，掌握一手数据。面对重重困难，他从未退缩，终于成功研制出中国第一艘核潜艇。他用行动诠释了对国家的忠诚和担当，为保卫祖国海疆立下不朽功勋，他的奉献精神激励着无数后人。国之脊梁显担当。
										</p>
										<div class="unit unit-spacing-sm align-items-center">
											<div class="unit-left"><img class="img-circles" src="images/黄旭华.jpg" alt=""
													width="87" height="87" />
											</div>
											<div class="unit-body">
												<h5 class="quote-nancy-cite">黄旭华</h5>
												<p class="quote-nancy-status">中国核潜艇之父</p>
											</div>
										</div>
									</div>
								</div>
							</article>
						</div>
						<div class="col-sm-9 col-md-6 col-lg-5 col-xl-4">
							<!-- Quote Nancy-->
							<article class="quote-nancy">
								<div class="quote-nancy-content">
									<div class="quote-nancy-figure"><img src="images/于敏1.jpg" alt="" width="370"
											height="307" />
									</div>
									<div class="quote-nancy-body">
										<div class="quote-nancy-quote">
											<h4 class="q">亲历新旧两时代，愿将一生献宏谋。</h4>
										</div>
										<p class="quote-nancy-text">于敏是我国
											“氢弹之父”。他在中国氢弹原理突破中解决了一系列基础问题。在氢弹研制中，他隐姓埋名，废寝忘食。从一张白纸开始，凭借深厚的理论功底和严谨的科学态度，带领团队攻克重重难关。他舍弃了个人的名利，把自己的一生奉献给了祖国的国防事业。于敏的贡献让中国在国际核领域拥有了重要地位，为国家的安全和稳定奠定了坚实基础，他的精神激励着无数科技工作者为祖国的强大而不懈奋斗。
										</p>
										<div class="unit unit-spacing-sm align-items-center">
											<div class="unit-left"><img class="img-circles" src="images/于敏.jpg" alt=""
													width="87" height="87" />
											</div>
											<div class="unit-body">
												<h5 class="quote-nancy-cite">于敏</h5>
												<p class="quote-nancy-status">氢弹之父</p>
											</div>
										</div>
									</div>
								</div>
							</article>
						</div>
					</div>
				</div>
			</section>


			<!-- choose -->
			<section class="choose py-5">
				<div class="container py-md-4 mt-md-3">
					<div class="row inner_w3l_agile_grids-1 ">
						<div class="col-lg-7 w3layouts_choose_left_grid1">
							<div class="choose_top">
								<h3 class="w3l_header text-white">从古至今</h3>
								<h4 class="mb-3 mt-3 text-white">中国的杰出人物不断推动着社会进步和民族复兴。</h4>
								<p class="text-white">他们的智慧和坚持不懈的精神激励着一代又一代人前行。向所有为国家发展作出贡献的杰出人物致敬！</p>
								<a href="#" class="btn btn-primary mt-3">更多</a>
							</div>
						</div>
					</div>
				</div>
			</section>













			<!-- Testimonials #4-->
			<section class="section section-sm section-last bg-default">
				<div class="container">
					<h3></h3>
					<!-- Owl Carousel-->
					<div class="owl-carousel owl-modern" data-items="1" data-stage-padding="15" data-margin="30"
						data-dots="true" data-animation-in="fadeIn" data-animation-out="fadeOut" data-autoplay="true">
						<!-- Quote Lisa-->
						<article class="quote-lisa">
							<div class="quote-lisa-body"><a class="quote-lisa-figure" href="#"><img class="img-circles"
										src="images/周恩来.jpg" alt="" width="100" height="100" /></a>
								<div class="quote-lisa-text">
									<p class="q">为中华之崛起而读书。<br />
										我们爱我们的民族，这是我们自信心的泉源。<br />与有肝胆人共事，从无字句处读书。<br /></p>
								</div>
								<h5 class="quote-lisa-cite"><a
										href="https://baike.baidu.com/item/%E5%91%A8%E6%81%A9%E6%9D%A5/114814?fr=ge_ala">周恩来</a>
								</h5>
								<p class="quote-lisa-status">最美奋斗者</p>
							</div>
						</article>
						<!-- Quote Lisa-->
						<article class="quote-lisa">
							<div class="quote-lisa-body"><a class="quote-lisa-figure" href="#"><img class="img-circles"
										src="images/邓小平.jpg" alt="" width="100" height="100" /></a>
								<div class="quote-lisa-text">
									<p class="q">改革是中国发展生产力的必由之路。<br />
										我是中国人民的儿子，我深情地爱着我的祖国和人民。<br />
										科学技术是第一生产力。</p>
								</div>
								<h5 class="quote-lisa-cite"><a
										href="https://baike.baidu.com/item/%E9%82%93%E5%B0%8F%E5%B9%B3/116181?fr=ge_ala">邓小平</a>
								</h5>
								<p class="quote-lisa-status">人民的导师</p>
							</div>
						</article>
						<!-- Quote Lisa-->
						<article class="quote-lisa">
							<div class="quote-lisa-body"><a class="quote-lisa-figure" href="#"><img class="img-circles"
										src="images/雷锋.jpg" alt="" width="100" height="100" /></a>
								<div class="quote-lisa-text">
									<p class="q">人的生命是有限的，可是，为人民服务是无限的，我要把有限的生命，投入到无限的为人民服务之中去。<br>
										一滴水只有放进大海里才永远不会干涸，一个人只有当他把自己和集体事业融合在一起的时候才能最有力量。</p>
								</div>
								<h5 class="quote-lisa-cite"><a
										href="https://baike.baidu.com/item/%E9%9B%B7%E9%94%8B/5569?fr=ge_ala">雷锋</a>
								</h5>
								<p class="quote-lisa-status">最美奋斗者</p>
							</div>
						</article>
					</div>
				</div>
			</section>




















			<!-- Page Footer-->

			<footer class="section footer-corporate context-dark">
				<div class="footer-corporate-inset">
					<div class="container">
						<div class="row row-40 justify-content-lg-between">
							<div class="col-sm-6 col-md-12 col-lg-3 col-xl-4">
								<div class="oh-desktop">
									<div class="wow slideInRight" data-wow-delay="0s">
										<h6 class="text-spacing-100 text-uppercase">联系我们</h6>
										<ul class="footer-contacts d-inline-block d-sm-block">
											<li>
												<div class="unit">
													<div class="unit-left"><span class="icon fa fa-phone"></span></div>
													<div class="unit-body"><a class="link-phone"
															href="tel:#">0851-7273643</a></div>
												</div>
											</li>
											<li>
												<div class="unit">
													<div class="unit-left"><span class="icon fa fa-envelope"></span>
													</div>
													<div class="unit-body"><a class="link-aemail"
															href="mailto:#">736485639@qq.com</a></div>
												</div>
											</li>
											<li>
												<div class="unit">
													<div class="unit-left"><span
															class="icon fa fa-location-arrow"></span></div>
													<div class="unit-body"><a class="link-location"
															href="#">贵阳人文科技学院</a></div>
												</div>
											</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-5 col-lg-3 col-xl-4">
								<div class="oh-desktop">
									<div class="wow slideInDown" data-wow-delay="0s">
										<h6 class="text-spacing-100 text-uppercase">热门新闻</h6>
										<!-- Post Minimal 2-->
										<article class="post post-minimal-2">
											<p class="post-minimal-2-title"><a href="blog-post.html">盛世华章——国旗升起的时刻</a>
											</p>
											<div class="post-minimal-2-time">
												<time datetime="2022-05-04">10 01, 2024</time>
											</div>
										</article>
										<!-- Post Minimal 2-->
										<article class="post post-minimal-2">
											<p class="post-minimal-2-title"><a href="blog-post.html">筑牢民族团结，共建美好家园</a>
											</p>
											<div class="post-minimal-2-time">
												<time datetime="2022-05-04">10 01, 2024</time>
											</div>
										</article>
									</div>
								</div>
							</div>
							<div class="col-sm-11 col-md-7 col-lg-5 col-xl-4">
								<div class="oh-desktop">
									<div class="wow slideInLeft" data-wow-delay="0s">
										<h6 class="text-spacing-100 text-uppercase">快速导航</h6>
										<ul
											class="row-6 list-0 list-marked list-marked-md list-marked-secondary list-custom-2">
											<li><a href="index.html">华诞七十五周年</a></li>
											<li><a href="our-tours.html">数智经济</a></li>
											<li><a href="快讯.html">时事快报</a></li>
											<li><a href="团结.html">团结一心</a></li>
											<li><a href="利刃.html">国之楷模</a></li>
										</ul>
										<div class="group-md group-middle justify-content-sm-start"><a
												class="button button-lg button-primary button-ujarak" href="#">回到首页</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</footer>
		</div>
		<!-- Global Mailform Output-->
		<div class="snackbars" id="form-output-global"></div>
		<!-- Javascript-->
		<script src="js/core.min.js"></script>
		<script>
			document.addEventListener('DOMContentLoaded', () => {
				const timeline = document.querySelector('.timeline');
				const items = document.querySelectorAll('.timeline-item');
				const leftButton = document.querySelector('.scroll-button.left');
				const rightButton = document.querySelector('.scroll-button.right');
				// Intersection Observer for animations
				const observer = new IntersectionObserver((entries) => {
					entries.forEach(entry => {
						if (entry.isIntersecting) {
							entry.target.classList.add('visible');
						}
					});
				}, {
					threshold: 0.5
				});
				items.forEach(item => observer.observe(item));
				// Scroll buttons
				leftButton.addEventListener('click', () => {
					timeline.scrollBy({
						left: -300,
						behavior: 'smooth'
					});
				});
				rightButton.addEventListener('click', () => {
					timeline.scrollBy({
						left: 300,
						behavior: 'smooth'
					});
				});
			});
		</script>
		<script src="js/script.js"></script>
		<script>
			const container = document.querySelector('.card-module-container');
			const cards = container.querySelectorAll('.card');
			const spacing = 150;

			function spreadCards() {
				cards.forEach((card, index) => {
					const direction = index % 2 === 0 ? 1 : -1;
					const position = Math.ceil(index / 2) * spacing * direction;
					const zIndex = index + 1;
					const rotateY = (Math.random() * 30) - 15;
					const rotateX = (Math.random() * 20) - 10;

					card.style.transform =
						`translate3d(${position}px, 0, 0) rotateY(${rotateY}deg) rotateX(${rotateX}deg)`;
					card.style.zIndex = zIndex;
				});
			}

			function gatherCards() {
				cards.forEach((card, index) => {
					const zOffset = Math.random() * 50;
					const rotateY = 180 + (Math.random() * 30);
					const rotateX = 10 + (Math.random() * 20);

					card.style.transform =
						`translate3d(0, 0, ${zOffset}px) rotateY(${rotateY}deg) rotateX(${rotateX}deg)`;
					card.style.zIndex = index;
				});
			}

			gatherCards();
			setTimeout(spreadCards, 1000);
			setTimeout(gatherCards, 5000);

			setInterval(() => {
				gatherCards();
				setTimeout(spreadCards, 1000);
			}, 12000);
		</script>




	</body>
</html>